<template>
  <div class="app-container">
    <platform-balance :id="member.id"/>
    <member-info-card />
    <user-finance/>
    <user-withdraw/>
  </div>
</template>

<script>
import PlatformBalance from './platformBalance';
import UserFinance from './userFinance';
import MemberInfoCard from '@/views/member/detail/memberInfoCard';
import UserWithdraw from '@/views/member/detail/userWithdraw';

export default {
  name: 'user-info',
  props: ['member'],
  components: {
    UserWithdraw, MemberInfoCard, PlatformBalance, UserFinance,
  },
  data() {
    return {
      editAble: false,
    };
  },
  mounted() {
  },
};
</script>

<style lang="scss" scoped>
  .box-card {
    margin-bottom: 20px;
  }

  .el-table-column-with-button {
    .el-button {
      display: block;
    }
  }

</style>
